<template>
    <el-row>
        <el-col :span="12" class="white-block">
            <s-tabs :value.sync="currentValue">
                <tab-pane label="tab1">111</tab-pane>
                <tab-pane label="tab2">222</tab-pane>
                <tab-pane label="tab3">333</tab-pane>
            </s-tabs>
        </el-col>
        <el-col :span="11" :offset="1">
            <!--            <table-example :data="tableData" :tableColumn="header"></table-example>-->
        </el-col>
    </el-row>
</template>

<script>
    import stabs from '../components/tabs'
    import tableExample from '../components/table'

    export default {
        name: 'tabs',
        data() {
            return {
                header: [
                    {
                        prop: 'name',
                        label: '参数名'
                    },
                    {
                        prop: 'usage',
                        label: '参数用法'
                    },
                    {
                        prop: 'info',
                        label: '参数说明'
                    },
                    {
                        prop: 'choice',
                        label: '可选值'
                    },
                    {
                        prop: 'default',
                        label: '默认值'
                    }
                ],
                tableData: [],
                currentValue: 'tab1'
            }
        },
        mounted() {
            let tableData = [
                {
                    name: 'title',
                    usage: '-',
                    info: '当前页面标题（不传值是默认读取网页当前标题）',
                    choice: '-',
                    default: '-'
                },
                {
                    name: 'noBack',
                    usage: '!noBack',
                    info: '是否显示返回按钮',
                    choice: 'true/false',
                    default: 'false'
                }
            ]
            this.tableData = tableData
        },
        methods: {},
        components: {
            stabs,
            tableExample
        }
    }
</script>

<style scoped lang="less">

</style>
